@theme-color: #19be6b;

.address-list-container {
  padding: 24rpx 24rpx 150rpx; // 为底部悬浮按钮留出空间
}

.custom-address-card {
  background-color: #fff;
  border-radius: 16rpx;
  margin-bottom: 24rpx;
  overflow: hidden;

  .card-main {
    padding: 24rpx;
    border-bottom: 1rpx solid #f0f0f0;
  }

  .card-body {
    .address-line {
      display: flex;
      align-items: center;
      margin-bottom: 10rpx;

      .alias-tag {
        background-color: fade(@theme-color, 10%);
        color: @theme-color;
        font-size: 22rpx;
        padding: 4rpx 12rpx;
        border-radius: 6rpx;
        margin-right: 12rpx;
        flex-shrink: 0; // 防止标签被压缩
      }

      .default-tag {
        color: @theme-color;
        border: 1rpx solid @theme-color;
        padding: 2rpx 10rpx;
        border-radius: 6rpx;
        margin-left: 10rpx;
        font-size: 22rpx;
      }

      .location-name {
        font-size: 30rpx;
        font-weight: bold;
        color: #303133;
      }
    }

    .detail-address {
      font-size: 26rpx;
      color: #606266;
      line-height: 1.5;
    }
  }


  .card-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 16rpx 24rpx;
    font-size: 26rpx;

    .action-btn {
      display: flex;
      align-items: center;
      padding: 10rpx 15rpx;
      margin-left: 30rpx;
      color: #909399;

      .van-icon {
        margin-right: 8rpx;
      }
    }
  }
}

.add-button-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20rpx 40rpx;
  padding-bottom: calc(20rpx + constant(safe-area-inset-bottom));
  padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
}